<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>FOG雾里说-官方网站</title>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<script src="js/index.js"></script>
	</head>
	<body>
		<header>
			<div class="bg1"></div>
			<div class="bg2"></div>
			
<!-- nav -->
			<nav>
			<div class="nav">
				<div class="nav_logo">雾里说</div>

				<div class="nav_content">
					<div class="nav_content_text">
						<a href="#">首页</a>
					</div>

					<div class="nav_content_text">
						<a href="#">登录</a>
					</div>
					
					<div class="nav_content_text">
						<a href="#">控制台</a>
					</div>
				</div>

			</div>
			</nav>
			
			
<!-- FOG -->			
			<div class="logo">
				FOG
			</div>
			
			<div class="logo_label">
				<hr>
				<div class="logo_label_text">
					无拘才<span>自在</span>
				</div>
			</div>
			
		</header>
		
		
<!-- section1 -->	
		<section class="section1">
			<div class="section1_label1">心无纷扰&nbsp;&nbsp;自见明朗</div>
			<div class="section1_label2">褪去纷扰后的<span>松弛感</span></div>		
		</section>
		

		
<!-- section2 -->	
		<section class="section2">	
			
				<div class="bu_1">
					<a href="#">游客模式</a>
				</div>
				
				<div class="bu_2">
					<a href="#">登&nbsp;录</a>	
				</div>
				
			<div class="drops-container">
    			<div class="water-drop drop-1"></div>
    			<div class="water-drop drop-2"></div>
    			<div class="water-drop drop-3"></div>
    			<div class="water-drop drop-4"></div>
    			<div class="water-drop drop-5"></div>
  			</div>
		</section>	
		
		
<!-- section3 -->	
		<section class="section3">
			<div class="section1_label1">交互流畅&nbsp;&nbsp;感受轻松</div>
			<div class="section1_label2">功能直观<span>体验自在</span></div>		
		</section>		
		
		
		
<!-- footer -->				
 		<footer class="footer">
    		<div class="footer-content">
      			<p>© 2025 FOG雾里说 - 无拘才自在</p>
      		<div class="footer-links">
        		<a href="#">关于我们</a>
        		<a href="#">使用条款</a>
        		<a href="#">隐私政策</a>
      		</div>
    		</div>
  		</footer>	

    	
	</body>